@charset "gb2312";
/* CSS Document */
.m-banner{ display:; margin-top:70px;}
.m-banner .slick-slide img{ width:100%; height:auto}
.m-banner .slick-slide a{ display:block;}
.m-banner .slick-dots{ bottom:2%}
.m-service{padding: 50px 0;display:none}
.m-service-list li{ float:left; width:96%; margin-right:0%;margin-bottom:2%; border:1px solid #e8e8e8; text-align:center; padding:20px 15px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.m-service-list li .icon{ height:67px; margin-bottom:15px}.m-service-list li .icon img{ display:inline-block}
.m-service-list li h3{ font-size:18px; font-weight:bold; color:#333; margin-bottom:15px;}
.m-service-list li h3 .line{ width:15px; height:2px; background:#bf3532; display:block;margin:10px auto 0;}
.m-service-list li .secd{ line-height:26px;}
.m-service-list li .secd p{line-height: 26px; position:relative;}
.m-service-list li .secd i{ width:4px; height:4px; background:#666; display:block; float:left; margin-top:10px; margin-right:5px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.m-service-list li .secd p a{color: #8c8c8c;font-size: 14px; display:inline-block}
.m-service-list li .secd p:hover a{ color:#bf3532}
.m-case-list{ display:none; margin-left:5%; margin-right:5%; position:relative}
.m-case-list .slick-slide img{ width:100%; height:auto}
.m-case-list .slick-slide{background:#fff}
.m-case-list .slick-slide .pic{ position:relative; overflow:hidden}
.m-case-list .slick-slide .cover{ position:absolute; top:0; left:0; width:100%; height:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border:0; opacity:0}
.m-case-list .slick-slide .tit{ color:#000; font-size:18px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:35px; border-bottom:1px solid #ebebeb}
.m-case-list .slick-slide .bc{ font-size:14px; color:#999; padding-top:5px}
.m-case-list .slick-slide .more{ float:right;}
.m-case-list .slick-slide .text{ padding:15px}
.m-case-list .slick-slide,.m-case-list .slick-slide img,.m-case-list .slick-slide .text,.m-case-list .slick-slide .tit,.m-case-list .slick-slide .bc{ -webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}
.m-case-list .slick-slide .cover{-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.m-case-list .slick-slide:hover{background: #0F8852;}
.m-case-list .slick-slide:hover .cover{ border:5px solid #0F8852; opacity:1}

.m-case-list .slick-slide:hover .tit{ border-bottom:1px solid #f5f5f5}
.m-case-list .slick-slide:hover .tit,.i-case-list .slick-slide:hover .bc{ color:#fff}
.m-case-list .slick-dots{ bottom:-40px}
.m-case-list .slick-dots li.slick-active button{background: #bf3532;}

.m-foot{ position:fixed; width:100%; height:50px; left:0; bottom:0;background: #0F8852; color:#fff; display:none; z-index:99}
.m-foot li{ float:left; width:25%; text-align:center;}
.m-foot li a{ color:#fff; font-size:14px; display:block;}
.m-foot li.li1 a{ background:url(kjmes.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li2 a{ background:url(kjtel.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li3 a{ background:url(kjmail.png) no-repeat center 3px; padding-top:25px}
.m-foot li.li4 a{ background:url(kjewm.png) no-repeat center 3px; padding-top:25px}
.m_contact{ display:none;background: #292929; color:#999; font-size:14px; line-height:25px; padding-bottom:30px; padding-top:10px; border-top:1px solid #333;}
.m_contact a{ color:#999}
.m_fnav{}
.m_fnav li{ float:left; margin-right:15px; padding-right:15px; position:relative}
.m_fnav li:after{ content:""; width:1px; height:10px; display:block; position:absolute; top:50%; margin-top:-5px; right:0; background:#555}
.tanchuang{ display:none}
.tanchuang .bg{ position:fixed;left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.25)}
.tanchuang .text{ position:fixed;left:50%; margin-left:-170px;top:20%; width:300px; padding:20px; height:auto; background:#fff; box-shadow:0 5px 15px rgba(0,0,0,0.3); -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; text-align:center}
.tanchuang .text .closed{width:30px; height:30px; background:url(close_1.png) no-repeat center; background-size:12px; border:1px solid #333; border-radius:50%;position:absolute; top:5px; right:5px}
.tanchuang .text{ font-size:20px; font-weight:bold}
.tanchuang .text .p1{ color:#bf3532}
.tanchuang .text .tel{ background:#bf3532; color:#fff;padding:15px; -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; margin:15px 0}
.tanchuang .text .tel a{ color:#fff}
.tanchuang .text .btn{ background:url(b-03.png) no-repeat left center; background-size:30px auto; display:inline-block; padding-left:35px; color:#333; text-decoration:underline}
.tanchuang .text .p2{ color:#bf3532; font-size:18px; margin-top:15px}
@media screen and (max-width:1920px){
	.nbanner-case{ height:425px}.nbanner-case>img{ height:100%; width:auto; min-width:100%}
	.tx-nbanner .img, .wy-nbanner .img{ right:10%}
	.al-nbanner .img{ right:0}
}
@media screen and (max-width:1600px){
	.wrap,.wrap_1{ width:90%}
}
@media screen and (max-width:1440px){
	.strength li{padding: 2% 0;}
	.strength_box{ padding-left:39%; padding-right:15px}
	.strength ul{ display:block}
	.strength li{ width:25%}
	.strength li .p1{ font-size:20px; line-height:20px}
	.strength li .p2{ font-size:14px}
	.strength .li1{ background:url(icon_s1.png) no-repeat 8% 40%;background-size:auto 45px}
	.strength .li2{ background:url(icon_s2.png) no-repeat 8% 40%;background-size:auto 45px}
	.strength .li3{ background:url(icon_s3.png) no-repeat 8% 40%;background-size:auto 45px}
	.strength .li4{ background:url(icon_s4.png) no-repeat 8% 40%;background-size:auto 45px}
	.i-news,.i-case{ padding:50px 0}
	.titbox .en,.titbox_1 .en{ font-size:36px;line-height: 35px;}
	.i-case-list ul{ width:101.5%}
	.i-case-list li{ width:23.5%; margin-right:1.5%}
	.i-case-list li:nth-child(7),.i-case-list li:nth-child(8){ display:}
	.i-case-list li .bc{ height:26px;}
	.f_contact{ width:30%}
	.f_contact .li3{ margin-left:0; margin-top:25px}
	.f_nav{ max-width:70%}
	.topnav li{ margin-left:3px; margin-right:3px; line-height:30px}
	.modelType li{ width:18%}
	.tuoguan .pic{ width:350px; height:350px; margin-left:-175px}
	div.span-1:last-of-type{margin-right: 0;}
	
}
@media screen and (max-width:1200px){
	.menu li{ margin-right:10px}
	.i-case-cl,.i-news-cl{margin-bottom:30px}
	.i-case-cl li,.i-news-cl li{ margin:0 2px 10px}
	.titbox .en,.titbox_1 .en{ font-size:30px;line-height: 30px;}
	.titbox h3,.titbox_1 h3{ font-size:22px}
	div.span-1{width: 30.5%;}
	.logo{ padding-left:1%;}
	.menu-btn{ padding-right:1%;}
	.menu li{ float:left; font-size:14px; line-height:16px; margin-right:1px;}
 	.i-about .left{ width:50%;}
}
@media screen and (max-width:1024px){
	
	.banner{ display:block}
	.m-banner{ display:block; margin-top:60px;}
	.menu{ display:none}
	.header{ height:60px}
	.logo{ padding-top:0}
	.header .tel{ line-height:60px}
	.menu-btn .line1{ margin-top:20px}
	.strength .li1,.strength .li2,.strength .li3,.strength .li4{background-size:auto 35px}
	.strength li .p1{ font-size:18px; line-height:18px}
	.strength li .p2{ font-size:14px}
	.i-case-list li{ width:48%}
	.i-about{ padding-top:60px}
	.i-about .pic{ display:none}
	.i-about .left{ width:100%}
	.nbanner .text{font-size: 30px;}
	.i-about .titbox .line{ display:none}
	.nbanner-2{ height:220px}
	.nbanner-2>img{ height:100%; width:auto; min-width:100%}
	.nbanner .text .line{ width:75px}
	.nbanner .text .p1{ font-size:16px}
	.nbanner .text .weblink{ margin-top:30px}
	.nbanner-case .text{ top:30%}
	.n_serlist li .pic{ width:100%}
	.n_serlist li .text{ width:90%}
	.c-related{ display:none}
	.newslist-r{ display:none}
	.i-news-list li .text .tit{ font-size:16px}
	.i-news-list li .text .intro{ font-size:12px; min-height:20px}
	.i-news-list li .time{ margin-top:10px; font-size:13px}
	.news_con{ width:100%; padding:0; background:none}
	.news_con .time,.back{ font-size:14px}
	.teamlist li{ width:48%}
	.teamlist-t li:nth-child(3){ display:none}
	.hrlist li .hd .hr_con{ width:74%; padding:3%; margin-left:0; left:10%;}
	.nbanner_1{ height:350px}
	.nbanner_1 .text .tit1{ font-size:35px}
	.nbanner_1 .text .tit2{ font-size:20px}
	.advantage_1 li .icon img{ height:80px; width:auto}
	.advantage li .text h4{ padding-top:0}
	.topnav_web li a{ padding-left:40px; padding-right:40px}
	.Response_1 .reason .tit1,.Response_1 .reason .tit2{ font-size:20px;}
	.modelList li,.ppt-2 li,.video li{ width:48%}
	.modelList-t li:nth-child(3){ display:none}
	.design li{ padding:3%}
	.tuoguan{ padding-top:0; min-height:inherit}
	.tuoguan .pic{ display:none}
	.tuoguan .jingjia li{ width:100%}
	.tuoguan .jingjia p{ margin-top:15px; font-size:18px}
	.renzheng_2 li{ width:44%}
	.tx-nbanner .img, .wy-nbanner .img,.al-nbanner .img{height:90%;top:3%}
	.tx-nbanner .img img, .wy-nbanner .img img,.al-nbanner .img img{ height:100%; width:auto}
	.email li{ width:44%}
	.email_3 li{ height:90px}
	.xnzj li .price{ font-size:16px}
	.xnzj li .price span{ font-size:28px}
	.ssl-4{ overflow:auto}
	.slick-seo .textbox{ width:80%; padding:4%; font-size:20px}
	.slick-seo .textbox .banner-bin-o{ float:none}
	.slick-seo .textbox .banner-bin-p{ float:none; display:block; height:auto; border-left: 3px solid #00c0ff;border-right: 3px solid #00c0ff; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; margin-top:20px}
	.slick-seo .textbox .banner-bin-p p{ width:auto; text-align: center; display:block}
	.slick-seo .textbox .banner-bin-o .p3 span:nth-child(1){ font-size:30px}
	.slick-seo .textbox .banner-bin-o .p2 span{ font-size:100px; line-height:100px; letter-spacing:0}
	.slick-seo .textbox .banner-bin-o .p1{ font-size:28px}
	.slick-seo .textbox .banner-bin-o .p1 span:nth-child(3){ font-size:40px; padding-bottom:10px; margin-bottom:10px}
	.slick-seo .textbox .banner-bin-o .p4{ padding-top:20px}
	.slick-seo .banner-bin-h{ font-size:50px}
	.slick-seo .banner-bin-i{ margin-left:5%; margin-right:5%}
	
	.site-title{font-size: 30px;}
	.item2{width: auto;}
	.wsale{background-size: 100% 100%;height: auto;}
	.wsale p{font-size: 15px;margin-left: 195px;}
	.wsale p.p1{padding-top: 10px;padding-bottom: 10px;}
	div.span-1{width: 30.1%}
	div.span-1:last-of-type{margin-right: 0;}
	img{max-width: 100%;}
	.advantage-cont li{width: 29%;}
	.nebox .swiper-button-prev{margin-left: 0;}
	.nebox .swiper-button-next{margin-right: 0;}
	
	#map{ height:300px}
	
}
@media screen and (max-width:768px){
	body{ font-size:14px}
	.logo img{ height:50px; padding-top:8px}
	.m-menu .closed,.video-close{ width:25px; height:25px; background-size:100%}
	.m-menu li a{ font-size:26px}
	.float_kf{ display:none}
	.m-foot{ display:block}
	.strength .li4{ display:none}
	.strength li{ width:33.33%}
	.i-case{ padding-bottom:80px}
	.i-case-list{ display:none}
	.m-case-list{ display:block}
	.m-service{ display:block}
	.i-service{ display:none}
	.titbox .en{ margin-bottom:0}
	.i-about{ padding-bottom:60px}
	
	.i-about .intro{ line-height:28px; margin-top:20px; font-size:15px}
	.i-about .intro p{ padding-bottom:6px}
	.i-about .intro .more{ margin-top:30px}
	.i-news-list li{ width:99%; margin-bottom:2%}
	.i-case-cl li,.i-news-cl li{ font-size:14px;}
	.i-case-cl li a,.i-news-cl li a{padding: 5px 15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
	.topnav li{ font-size:16px; margin:0 2px 10px}
	.topnav li a{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding: 5px 15px;}
	.caselist{ display:block}
	.i-case-list li{ width:98%; margin-bottom:20px}
	.nbanner_2,.nbanner-case{ height:350px}
	.nbanner_1{ height:220px}
	.nbanner .text{ font-size:25px}
	.nbanner .text .tit1{ font-size:25px; padding-bottom:5px}
	.nbanner .text .tit2{ font-size:16px}
	.nbanner .text .p1{font-size:14px;}
	.nbanner .text1{ top:18%}
	.nbanner .num_list{ width:auto; margin-top:10%}
	.nbanner .num_list li{ text-align:center; padding-left:2.5%; padding-right:2.5%}
	.nbanner .num_list li .num{ font-size:40px}
	.main{ line-height:28px}
	.main,.main_a,.main_2{padding: 30px 0;}
	.main_a .db, .main .db, .main_2 .db{ margin-bottom:20px; font-size:23px}
	.caselist,.pages{ margin-top:30px}
	.item-top .left{ width:90%; padding:5%}
	.item-top .right{ width:90%; padding:5%}
	.item-d{ padding:0}
	.i-news-list li a{ padding:10px}
	.main_a .xb, .main .xb, .main_2 .xb{ margin-bottom:20px}
	.about_con .left{ width:100%; margin-top:0}
	.about_con .left .more{ display:none}
	.about_con .left h4{ font-size:26px; line-height:30px; margin-top:0}
	.about_con .text{ width:100%}
	.horlist{ padding-bottom:30px}
	.horlist .slick-dots{ bottom:0}
	.horlist .slick-dots li.slick-active button{ background:#bf3532}
	.horlist .slick-slide .pic{ height:350px}
	.horlist .slick-slide img{ max-height:90%}
	.teamlist li{ width:98%}
	.hrlist li{ width:100%}
	.hrlist li .icon{ display:none}
	.hrlist li .tit{ text-align:left; padding-top:0}
	.hrlist li .intro{ padding-top:3%; height:auto}
	.hrlist li .more{ margin-top:3%; -webkit-transform:scale(0.85);-moz-transform:scale(0.85);transform:scale(0.85);}
	.news_con .ntit,.about_con .ntit{ font-size:18px}
	
	.topnav_3{ margin-top:0}
	.topnav_3 ul{ display:block}
	.topnav_3 li{ margin:0; width:33.33%; border-right:1px solid #e8e8e8; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	.topnav_3 li:last-child{ border-right:none}
	.topnav_3 li a{ padding-left:0; padding-right:0; font-size:16px}
	.topnav_web li{ width:25%}
	.advantage_1 li,.advantage li{ width:48%}
	.advantage_1 h4,.advantage li .text h4,.ser_container .ser_tit a{ font-size:18px;}
	.process li .num{ -webkit-transform:scale(0.6);-moz-transform:scale(0.6);transform:scale(0.6)}
	.Response .intro,.Response li{ font-size:16px}
	.Response ul{ margin-top:30px; margin-bottom:0}
	.Response li .icon{ width:100px; height:100px; background-size:auto 70% !important}
	.Response_1 .reason .tit1,.Response_1 .reason .tit2{ background-position:center top; background-size:auto 70px;line-height:normal; padding-top:80px; padding-left:0; display:block}
	.Response_1 .reason .smile,.Response_1 .reason .sad{ display:block;margin:0 auto}
	.Response_1 .reason span{ display:block; padding-left:0; text-align:center; line-height:22px}
	.modelType li{ width:31.33%}
	.modelList li,.ppt-2 li{ width:98%;margin-bottom: 20px;}
	.modelList-t li:nth-child(3){ display:block}
	.design li{ padding:0}
	.design li .pic{ width:100%;border:1px solid #e8e8e8;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box}
	.design li .text{ width:94%; padding:3% 3% 5%; }
	.design li .tit{ font-size:18px; font-weight:bold; margin-bottom:10px}
	.design li .tit .line{ margin-top:5px}
	.ppt li{ width:47%}
	.ppt li h4{ font-size:20px; padding-bottom:5px}
	.ppt li img{ max-width:60%}
	.wxcase li{ width:47%; margin-bottom:20px}
	.tuoguan .jingjia p{ font-size:16px}
	.tuoguan_2 li{ width:46%; margin-bottom:20px}
	.tuoguan_2 li .yst{ width:80px; height:80px; line-height:80px; font-size:20px}
	.seo-intro{ font-size:16px; line-height:30px}
	.seo-intro-1 li .icon{ width:80px; height:80px;}
	.seo-intro-1 li{ width:33.33%; margin-bottom:2%}
	.slick-seo .textbox{ height:300px; margin:60px auto}
	.slick-seo .textbox .banner-bin-o .p2 span{ font-size:80px; line-height:80px}
	.slick-seo .textbox .banner-bin-o .p1{ font-size:23px}
	.slick-seo .textbox .banner-bin-o .p1 span:nth-child(2){ font-size:23px}
	.slick-seo .textbox .banner-bin-o .p1 span:nth-child(3){ font-size:26px}
	.slick-seo .textbox .banner-bin-o .p3 span:nth-child(1){ font-size:28px}
	.slick-seo .textbox .banner-bin-p p{ font-size:26px}
	.slick-seo .banner-bin-h{ font-size:40px}
	.slick-seo .banner-bin-i .p1{ font-size:23px}
	.slick-seo .banner-bin-i .p2{height:auto}
	.slick-seo .banner-bin-j span:first-child{ font-size:22px}
	.slick-seo .banner-bin-j p{ font-size:14px}
	.slick-seo .textbox .banner-bin-o .p4 span:nth-child(2n-1){ width:15px; height:15px; font-size:22px; margin-left:20px}
	.slick-seo .textbox .banner-bin-o .p4 span{ line-height:16px; font-size:18px}
	
	.renzheng li{ width:48%; margin-bottom:20px}	
	.renzheng_2 li{ width:94%; padding-top:15px; padding-bottom:10px}
	.renzheng_2 li .icon{ width:90px; height:90px}
	.renzheng_2 li .text h4{ margin-bottom:8px; padding-top:3px}
	.renzheng_3{ padding:0}
	.renzheng_3 li .icon{ width:80px; height:80px}
	.renzheng_3 li .vline{ height:15px}
	.renzheng_3 li .num{ margin-top:15px}
	.renzheng_3 li h4{ font-size:15px; padding-top:20px}
	.email li{ width:94%}
	.email_3 li{ width:33.33%; height:60px}
	.emailTX li{ width:100%}
	.emailTX .li1:after, .emailTX .li3:after{ display:none}
	.emailTX li h4{ font-size:18px}	
	.emailTX li .pic img{ max-width:80%; height:auto}
	.emailAL_2 li h4{ font-size:18px}
	.emailAL_2 li .intro{ padding-top:5px}
	.emailAL_2 li img,.emailAL_2 li img{ width:65px}
	.emailAL_3 ul{ border:none; width:102%}
	.emailAL_3 li{ width:44%;background: #fff; margin-right:2%; margin-bottom:2%; padding:2%; min-height:120px; height:auto}
	.emailAL_3 li:nth-child(2n){background: #fff; box-shadow:none}
	.emailAL_3_1 li{ background:#f5f5f5}
	.emailAL_3_1 li:nth-child(2n){ background:#f5f5f5}
	.emailAL_4 li .item-con>div{ width:100%; min-height: inherit; padding:10px}
	.emailAL_4 li .item-con .now{ margin-top:5px; background:#bf3532; color:#fff}
	.emailAL_4 li .item-con .now p{ padding-left:0;}
	.emailAL_4 li .pic{ padding-bottom:15px}
	.emailAL_4 li .pic p{ font-size:18px}
	.emailAL_4 li .text{ padding-top:20px}
	.table1 td strong{ display:block; padding-left:0}
	.table1 th{ font-size:16px}
	.xnzj li .zjtit{ font-size:18px}
	.xnzj li .price{ font-size:14px}
	.xnzj li .price span{ font-size:22px}
	.zixun{ padding:3px}
	.ssl{ font-size:16px}
	.ssl-2 li{ width:47%}
	.ssl-2 li h3{ font-size:18px}
	.ssl-3 li{ height:220px}
	.ssl-3 li .p2{ font-size:18px}
	.ssl-3 li .p3{ font-size:13px; margin-top:0; line-height:22px}
	.ssl-price-content .ssl-price-hd{ overflow:auto}
	.seo-3 .seo-3-tab li .icn{ width:80px; height:80px; margin-bottom:10px}
	.seo-3 .seo-3-tab li h4{ font-size:16px}
	.seo-3 .seo-3-tab li h5{ font-size:12px; line-height:20px}
	
	
	.footer .top{ padding-top:40px; padding-bottom:25px}
	.f_nav{ display:none}
	.footer .mid{ display:none}
	.f_contact{ width:100%}
	.f_contact .pic{ display:none}
	.f_contact .li3{ margin-top:0}
	.footer .bot{ display:none}
	.m_contact{ display:block}
	.footer{ padding-bottom:50px}
	.contact_con li{ width:100%;padding:0; border-right:none; border-bottom:1px dotted #d8d8d8; min-height:inherit; text-align:left; margin-top:20px; padding-bottom:15px; font-size:16px}
	.contact_con li.li1{ margin-top:0}
	.contact_con li .pic{ float:left; width:90px; height:90px; margin-right:20px; margin-bottom:0}
	.contact_con li .tit:after{ margin-left:112px}
	#map{ height:220px}
	.traffic_con li,.video li{ width:98%; margin-bottom:20px;}
	.traffic_con li .pic{ width:120px; height:120px}
	.traffic_con .text{ min-height:inherit}
	
	.mains{padding: 0;}
	.site-title{font-size: 25px;height: 60px;}
	.item2 .title{font-size: 17px;}
	.item2 .description{font-size: 15px;}
	.description{padding: 0;}
	.wsale p{margin-left: 155px;}
	div.span-1{width: 31.33%;margin-right: 2%;}
	div.span-1:last-of-type{margin-right: 0;}
	.span-1 .block-1{height: auto;}
	.w{padding: 33px 0 0;}
	.core ul li{width: 31.33%;margin-bottom: 2%;}
	.main2 {padding: 10px 0;}
	.advantage-cont li{width: 46.4%;height: 234px;}
	#lopop li{height: 85px;;}
	.advantage-cont li span{width: 35%;}
	.advantage-cont li h2{width: 53%;font-size: 19px;float: right;}
	.njkj8 ul li{width: 50%;}
	.ghj{height: 200px;}
	.block-1 .btit span{font-size: 25px;}
	.btitle{font-size: 25px;}
	.vsbox h1{padding-bottom: 30px;}
	.vsbox{padding: 40px 0 40px 0;}
	.site-orange{line-height: 34px}

}
@media screen and (max-width:640px){
	.header .tel{ display:none}
	.strength li .p2{ font-size:12px}
	.titbox .en, .titbox_1 .en{ font-size:22px}
	.nbanner-2,.nbanner_1{height: 120px; }
	.nbanner-2 .text{ font-size:20px;}
	.nbanner-2 .text .line{ margin-top:5px}
	.nbanner_1 .text .tit1{ font-size:20px}
	.nbanner_1 .text .tit2{ display:none}
	.contact_con li .pic{ -webkit-transform:scale(.9);-moz-transform:scale(.9);transform:scale(.9)}
	.contact_con li .tit{ font-size:18px; padding-top:10px}
	.traffic_con li .pic{ width:100px; height:100px}
	.Response li{ width:50%; margin-bottom:2%}
	.m-service-list li{ padding:10px}
	.m-service-list li .icon{ height:40px}
	.m-service-list li .icon img{ height:40px; width:auto}
	.i-case{ padding-top:30px; padding-bottom:50px}
	.m-service,.i-news,.i-about{ padding:30px 0}
	.i-about .intro .more{ -webkit-transform:scale(0.9);-moz-transform:scale(0.9);transform:scale(0.9); margin-top:15px}
	.renzheng li{ margin-top:40px;padding-top: 50px;}
	.renzheng li h4,.renzheng_2 li .text h4{ font-size:16px}
	.renzheng li .ico{ width:80px; height:80px; margin-left:-40px;top:-40px;}
	.renzheng_3 li .icon{ width:50px; height:50px}
	.renzheng_3 li h4{ font-size:13px}
	.seo-3 .seo-3-tab li .icn{ width:60px; height:60px;}
	.seo-3 .seo-3-tab li h4{ font-size:14px}
	.slick-seo .banner-bin-i .p2 span{ font-size:16px; padding:0 10px}
	.slick-seo .banner-bin-i .p1{ font-size:20px; height:20px}
	.slick-seo .banner-bin-i:before,.slick-seo .banner-bin-i:after{ height:28px}
	.slick-seo .textbox .banner-bin-o .p2{ margin-right:0}
	.slick-seo .textbox .banner-bin-o .p2 span{ font-size:60px; line-height:60px; padding-right:0}
	.slick-seo .textbox .banner-bin-o .p3 span:nth-child(1){ font-size:22px}
	.slick-seo .textbox .banner-bin-o .p4 span{ font-size:16px}
	.slick-seo .textbox .banner-bin-o .p3 span:nth-child(2){ font-size:16px}
	.slick-seo .textbox .banner-bin-p p{ font-size:22px}
	.slick-seo .textbox .banner-bin-o .p1 span:nth-child(2){ font-size:20px}
	.slick-seo .textbox .banner-bin-o .p1 span:nth-child(3){ font-size:22px}
	.slick-seo .textbox .banner-bin-o .p4 span:nth-child(2n-1){ margin-left:5px; margin-right:3px}
	.slick-seo .banner-bin-h{ font-size:28px; line-height:28px; margin-bottom:20px;}
	.slick-seo .textbox{ height:260px}
	.service-area-wrap, .classic-case-mod-wrap, .famous-mod-wrap, .news-mod, .news_mod_wrap{padding: 20px 0 60px 0;}
	.site-mod05-wrap .site-orange{width: 98%;font-size: 17px;}
	.koplp{width: 50%;}
	.item2{padding: 20px 10px;}
	.wsale p.p2{margin-top: 0;}
	.wsale p span{font-size: 15px;}
	.wsale p{font-size: 14px;margin-left: 85px;}
	.description{line-height: 28px;font-size: 15px;}
	
	div.span-1{width: 100%;margin-right: 0;margin-bottom: 22px;}
	.btitle{font-size: 23px;}
	.core ul li{width: 48%;}
	.core ul li a i{margin: 20px auto;}
	.core ul li a{height: 370px;}
	.advantage-cont li{width: 45.5%;padding: 15px 0;}
	.advantage-cont li h2{font-size: 18px;margin-top: 15px;}
	.fcolorb{width: 51px;height: 42px;background-size: 100% 100%}
	.fcoloro{width: 67px;height: 47px;background-size: 100% 100%}
	.fcolorg{width: 57px;height: 49px;background-size: 100% 100%}
	.fcolorpp{width: 68px;height: 46px;background-size: 100% 100%}
	.fcolordb{width: 70px;height: 52px;background-size: 100% 100%}
	.fcolorp{width: 55px;height: 51px;background-size: 100% 100%}
	.advantage-cont li h3{font-size: 14px;}
	.advantage-cont li{min-height: 300px;}
	#lopop li h2{margin-top: 0;font-size: 17px;}
	.ghj{height: 270px;}
	.nebox .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 10px;}
	.nebox .swiper-pagination-bullet{background-size: 100% 100%;width: 12px;height: 12px;}
	.bg1{padding: 15px 0;padding-bottom: 40px!important}
	.table-responsive .table td{font-size: 14px!important;}
	.btn-custom{display: inline-block; width: 100%;padding: 10px 0px;}
	.color-white{margin-top: 18px !important;font-size: 18px!important;height: auto;}
	.mt-40{margin-top: 20px!important;}
	.hover-white{font-size: 17px;padding-top: 1.2%;padding-bottom: 1.2%;}
	.h2{margin-top: 15px;}
	.block-1 .btit i{width: 74px;height: 70px;}
	.block-1 .btit{height: 100px;}
	.block-1 .btit span{padding: 45px 0 0;}
	.block-1 .btit i{margin: -30px auto 0;}
	.vsbox h1{font-size: 25px;}
	.site-title{font-size: 23px;}
}
@media screen and (max-width:480px){
	.horlist .slick-slide .pic{ height:200px}
	.seo-3 .seo-3-tab li .icn{ width:50px; height:50px;}
	.slick-seo .banner-bin-i .p2 span{ font-size:14px}
	.slick-seo .banner-bin-j span:first-child{ font-size:18px}
	.slick-seo .textbox{ padding:3%; width:84%}
	.slick-seo .banner-bin-h{ font-size:26px;}
	.slick-seo .banner-bin-i{ margin:0 auto}
	.slick-seo .banner-bin-j{ margin-top:20px}
	.slick-seo .banner-bin-j p{ padding:0 8px; font-size:13px}
	.slick-seo .textbox .banner-bin-o .p2{ width:36%; text-align:left}
	.slick-seo .textbox .banner-bin-o .p1{ width:60%}
	.slick-seo .textbox .banner-bin-o .p2 span{ font-size:45px; line-height:45px; margin-top:0; white-space:normal}
	
	.slick-seo .textbox .banner-bin-o .p4 span{ font-size:12px}
	.slick-seo .textbox .banner-bin-o .p3 span:nth-child(1){ font-size:18px}
	.slick-seo .textbox .banner-bin-o .p3 span:nth-child(2){ font-size:12px}
	
	.site-mod0201-wrap .site-title{font-size: 21px;margin-bottom: 40px;}
	.nebox .swiper-button-prev{display: none;}
	.nebox .swiper-button-next{display: none;}
	.btitle{line-height: 40px;}
	.site-title{line-height: 36px;height: auto;font-size: 22px;}
	.site-mod02-wrap, .site-mod05-wrap, .site-mod07-wrap{padding-bottom: 0px;margin-bottom: 0px;}
	.fcoloro{width: 56px;height: 47px;background-size: 100% 100%}
	.fcolorpp{width: 58px;height: 44px;background-size: 100% 100%}
	.fcolordb{width: 58px;height: 44px;background-size: 100% 100%}
	.advantage-cont li{height: 365px;}
	#lopop li{height: auto;}
	
}